<!DOCTYPE html>
<html>

	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>黑图视界</title>
		<meta name="keywords" content="黑图视界">
		<meta name="description" content="黑图视界">
		<script type="text/javascript" src="../js/setFontSize.js"></script>
		<link rel="stylesheet" href="../css/swiper.min.css" />
		<link rel="stylesheet" href="../css/main.css" />
	</head>

	<body>
		<div id="app">
			<main>
				<section class="buyTicket myYuding picBg" >
					<div id="list1" class="container">

						<ul class="list whiteBg radius20 pad30"   v-for="ord in orders" >
							<li class="listItem clearfix" v-show="ord.status=='0'">
								<img src="../img/ydIcon1.jpg" class="icon" />
								<div class="text">
									<h6 class="name">{{ord.activity.activityname}}</h6>
									<div class="number">订单编号{{ord.id}}</div>
								</div>
								<div class="time">{{ord.createtime}}</div>
									<a  @click="ToDetail(ord.id)"  class="buy">详情</a>
							</li>
						</ul>

					</div>
				</section>
			</main>
		</div>

		<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js" ></script>
		<script type="text/javascript" src="../js/main.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.js"></script>
		<script src="../js/getParameter.js"></script>
		<script>
			let app2=new Vue({
				el:"#app",
				data:{
					orders:{},
				},
				methods:{
					ToDetail(id){
						location.href="myYudingDe.html?id="+id;
					}
				},
				created(){
					const _this=this;
					let uid =getParameter("id");

					axios.get("/order/queryByUserId",
							{params:{bookerid:uid}})
							.then(function (response) {
								_this.orders=response.data;
							});
					console.log("有人吗")
				}
			})
		</script>
	</body>

</html>